<link rel="stylesheet" type="text/css" th:href="@{/js/plugins/bootstrap-treeview/css/bootstrap-treeview.css}"/>
<div class="row">
    <div class="col-xs-12">
        <div class="card">
            <div class="card-header">
                <div class="card-title">
                    <div class="title">角色权限管理</div>
                </div>
            </div>
            <div class="card-body">
                <div class="table-box">
                    <div class="table-title">
                        <div id="toolbar" class="pull-left">
                            <button id="add" class="btn btn-info add">
                                <i class="glyphicon glyphicon-plus"></i> 添加
                            </button>
                            <button id="remove" class="btn btn-default remove">
                                <i class="glyphicon glyphicon-remove"></i> 删除
                            </button>
                            <button id="search" class="btn btn-default">
                            <i class="glyphicon glyphicon-search"></i> 搜索
                            </button>
                        </div>
                    </div>
                    <div class="table-content">
                        <table id="ts-role-table" class="table" cellspacing="0" width="100%">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 人员配置  -->
<div class="modal fade" id="role-user-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="roleUserLabel">Modal Primary</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">OK</button>
            </div>
        </div>
    </div>
</div>
<!-- 权限配置 -->
<div class="modal fade bs-example-modal-lg" id="role-menu-modal" tabindex="-1" role="dialog" aria-labelledby="roleMenuLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="roleMenuLabel">权限配置</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="ztree-title">配置权限</div>
                        <div class="ztree" id="allot-menu">

                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="ztree-title">按钮配置</div>
                        <div class="ztree" id="allot-btn">

                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="save-role-menu">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- 绑定 ztree -->
<script type="text/javascript" th:src="@{/js/plugins/bootstrap-treeview/js/bootstrap-treeview.js}"></script>
<script type="text/javascript" th:src="@{/js/custom/module/tsystem/listTsRole.js}"></script>

